.common-warp {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  // width: 100%;
  height: 100%;
  padding: 37px 10px 37px 44px;
  .title {
    padding-bottom: 20px;
    color: #2f2f4d;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
  }
  .tab {
    margin-top: 10px;
  }
  .item-card-box {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    padding-bottom: 20px;
    overflow: auto;
    .show-margin-right {
      margin-right: 568px;
      transition: margin-right 0.8s; /* 添加过渡效果 */
    }
    .empty {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
  .pagination {
    // margin-right: 100px;
    margin-right: 20px;
  }
}
